<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:c="http://xmlns.jcp.org/jsf/composite"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
	<title>ST Manager</title>
	<link href="imagem/favicon.png" type="image/png" rel="shortcut icon" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/skytef.css" />

</h:head>
<h:body styleClass="body">
	<ui:include src="header.xhtml" />
	<div class="central">
		<h:form id="form" style="padding-top: 1px">
			<p:panel
				style="vertical-align: middle; width: 388px; height: 78px ;position: absolute; margin-left: -3px; margin-top: 0px; font-size: 10px"
				header="Filtrar">
				<h:commandButton value="Todos"
					action="#{GridClienteBean.listarClientes}" ajax="false"
					styleClass="nenhum" style="font-size: 10px" />
				<h:commandButton value="D. Nº Lojas"
					action="#{GridClienteBean.listarClientesDLojas}" ajax="false"
					styleClass="divgLoja" style="font-size: 10px" />
				<h:commandButton value="D.Valores"
					action="#{GridClienteBean.listarClientesDValores}" ajax="false"
					styleClass="divgValor" style="font-size: 10px" />
				<h:commandButton value="Corentes"
					action="#{GridClienteBean.listarClientesNomalizados}" ajax="false"
					styleClass="normal" style="font-size: 10px" />
				<h:commandButton value="Faturado"
					action="#{GridClienteBean.listarClientesComfat}" ajax="false"
					styleClass="faturamento" style="font-size: 10px" /><br />
				<h:commandButton value="Software Express"
					action="#{GridClienteBean.listarClientesSE}" ajax="false"
					styleClass="SE" style="font-size: 10px" />
				<h:commandButton value="VPN Lyra"
					action="#{GridClienteBean.listarClientesLyra}" ajax="false"
					styleClass="Lyra" style="font-size: 10px" />
				<h:commandButton value="VPN GSurf"
					action="#{GridClienteBean.listarClientesGSurf}" ajax="false"
					styleClass="GSurf" style="font-size: 10px" />
			</p:panel>
			<p:panel
				style="align:center; vertical-align: middle; width: 85px; height: 78px; position: absolute; margin-left: 392px; margin-top: 0px; font-size: 10px"
				header="Exportar">
				<h:commandLink>
					<p:graphicImage value="../imagem/excel.png" />
					<p:dataExporter type="xls" target="tabelaPlan" fileName="clientes" />
				</h:commandLink>
				<h:commandLink>
					<p:graphicImage value="../imagem/csv.png" />
					<p:dataExporter type="csv" target="tabelaPlan" fileName="clientes" />
				</h:commandLink>
			</p:panel>
			<p:panel
				style="align:center; vertical-align: middle; width: 62px; height: 78px; position: absolute; margin-left: 484px; margin-top: 0px; font-size: 10px"
				header="Clientes">
				<h:outputLabel value="#{GridClienteBean.numClientes	}"
					style="font-size: 18px; margin-top:10px" />
			</p:panel>
			<p:carousel value="#{GridClienteBean.controles}" var="controle"
				headerText="Importações" numVisible="1"
				itemStyleClass="controleItem" effect="fade"
				style="align:center; height: 80px; width: 50%; position: absolute; margin-left: 553px; margin-top: 0px; font-size: 10px">
				<h:panelGrid columns="5" style="width:565px" cellpadding="0">
					<h:outputText value="Planilha" styleClass="dlgTituloC" />
					<h:outputText value="Registrados" styleClass="dlgTituloC" />
					<h:outputText value="Erros" styleClass="dlgTituloC" />
					<h:outputText value="Importado em" styleClass="dlgTituloC" />
					<p:commandButton id="selectButton" update=":form:erroDlg"
						oncomplete="PF('erroDialog').show()" image="ui-icon-search"
						action="#{GridClienteBean.listarErros}">
						<f:setPropertyActionListener target="#{GridClienteBean.controle}"
							value="#{controle}" />
					</p:commandButton>
					<h:outputText value="#{controle.nomePlanilha}" />
					<h:outputText value="#{controle.linhasImportadas}" />
					<h:outputText value="#{controle.erros}" />
					<h:outputText value="#{controle.dataImportacao}">
						<f:convertDateTime timeStyle="DD/MM/AAAA" />
					</h:outputText>
				</h:panelGrid>
			</p:carousel>
			<p:panel id="totais" columns="2"
				style="position:absolute;margin-left:-200px; margin-top: 300px; width:175px">
				<h:outputText value="Total lojas-Licença: " styleClass="dlgTitulo"
					style="font-size:10px" />
				<h:outputText value="#{GridClienteBean.licencaNumLoja}"
					styleClass="dlgTexto" style="font-size:10px">
				</h:outputText>
				<br />
				<h:outputText value="Total Faturado: " styleClass="dlgTitulo"
					style="font-size:10px" />
				<h:outputText value="#{GridClienteBean.totalFaturado}"
					styleClass="dlgTexto" style="font-size:10px">
					<f:convertNumber locale="pt_BR" currencyCode="BRL"
						minFractionDigits="2" />
				</h:outputText>
				<br />
				<h:outputText value="Total SE: " styleClass="dlgTitulo"
					style="font-size:10px" />
				<h:outputText value="#{GridClienteBean.totalSE}"
					styleClass="dlgTexto" style="font-size:10px">
					<f:convertNumber locale="pt_BR" currencyCode="BRL"
						minFractionDigits="2" />
				</h:outputText>
				<br />
				<h:outputText value="Total GSurf: " styleClass="dlgTitulo"
					style="font-size:10px" />
				<h:outputText value="#{GridClienteBean.totalGSurf}"
					styleClass="dlgTexto" style="font-size:10px">
					<f:convertNumber locale="pt_BR" currencyCode="BRL"
						minFractionDigits="2" />
				</h:outputText>
				<br />
				<h:outputText value="Total Lyra: " styleClass="dlgTitulo"
					style="font-size:10px" />
				<h:outputText value="#{GridClienteBean.totalLyra}"
					styleClass="dlgTexto" style="font-size:10px">
					<f:convertNumber locale="pt_BR" currencyCode="BRL"
						minFractionDigits="2" />
				</h:outputText>
				<br />
			</p:panel>
			<p:dataTable id="tabelaPlan" value="#{GridClienteBean.clientes}"
				var="cliente" stickyHeader="true" rowIndexVar="rowIndex"
				emptyMessage="#{GridClienteBean.mensagem}"
				style="margin-top:85px; position: auto" paginator="true" rows="50">
				<p:column style="font-size: 10px;" sortBy="razaoSocial">
					<f:facet name="header">Razão Social</f:facet>
					<h:outputText value="#{cliente.razaoSocial}"
						styleClass="#{cliente.status}" />
				</p:column>
				<p:column style=" font-size: 10px; width: 97px" sortBy="cnpj">
					<f:facet name="header">CNPJ</f:facet>
					<h:outputText value="#{cliente.cnpjMask}"
						styleClass="#{cliente.status}" />
				</p:column>
				<p:column style="font-size:10px;" sortBy="softwareHouse">
					<f:facet name="header">Sof.House</f:facet>
					<h:outputText value="#{cliente.softwareHouse}"
						styleClass="#{cliente.status}" />
				</p:column>
				<p:column style="font-size:10px;" sortBy="nomeParceiro">
					<f:facet name="header">Parceiro</f:facet>
					<h:outputText value="#{cliente.nomeParceiro}"
						styleClass="#{cliente.status}" />
				</p:column>
				<p:column style="font-size:10px;" sortBy="comercialNome">
					<f:facet name="header">Comercial</f:facet>
					<h:outputText value="#{cliente.comercialNome}"
						styleClass="#{cliente.status}" />
				</p:column>
				<p:column style="font-size:10px;" sortBy="produtoNome">
					<f:facet name="header">Produto</f:facet>
					<h:outputText value="#{cliente.produtoNome}"
						styleClass="#{cliente.status}" />
				</p:column>
				<p:column style="font-size: 10px; width:45px;" sortBy="dataAtivacao">
					<f:facet name="header">Data Ativação</f:facet>
					<h:outputText value="#{cliente.dataAtivacao}"
						styleClass="#{cliente.status}" />
				</p:column>
				<p:column style="font-size: 10px; width:25px;" sortBy="qtdLojas">
					<f:facet name="header">Nº Lojas</f:facet>
					<h:outputText value="#{cliente.qtdLojas}"
						styleClass="#{cliente.status}" />
				</p:column>
				<p:column style="font-size: 10px; width:38px;"
					sortBy="valorFaturado">
					<f:facet name="header">Valor Faturado</f:facet>
					<h:outputText value="#{cliente.valorFaturado}"
						styleClass="#{cliente.status}">
						<f:convertNumber locale="pt_BR" currencyCode="BRL"
							minFractionDigits="2" />
					</h:outputText>
				</p:column>
				<p:column style="font-size: 10px; width:38px;">
					<f:facet name="header">Valor Custo</f:facet>
					<h:outputText value="#{cliente.valorCusto}"
						styleClass="#{cliente.status}">
						<f:convertNumber locale="pt_BR" currencyCode="BRL"
							minFractionDigits="2" />
					</h:outputText>
				</p:column>
				<p:column style="font-size: 10px; width:38px;">
					<f:facet name="header">Comissão</f:facet>
					<h:outputText value="#{cliente.valorComissao}"
						styleClass="#{cliente.status}">
						<f:convertNumber locale="pt_BR" currencyCode="BRL"
							minFractionDigits="2" />
					</h:outputText>
				</p:column>
				<p:column style="font-size: 10px; width:38px;" sortBy="valorSE">
					<f:facet name="header">Valor Soft.E.</f:facet>
					<h:outputText value="#{cliente.valorSE}"
						styleClass="#{cliente.status}">
						<f:convertNumber locale="pt_BR" currencyCode="BRL"
							minFractionDigits="2" />
					</h:outputText>
				</p:column>
				<p:column style="font-size: 10px; width:38px;" sortBy="valorLyra">
					<f:facet name="header">Valor Lyra</f:facet>
					<h:outputText value="#{cliente.valorLyra}"
						styleClass="#{cliente.status}">
						<f:convertNumber locale="pt_BR" currencyCode="BRL"
							minFractionDigits="2" />
					</h:outputText>
				</p:column>
				<p:column style="font-size: 10px; width:38px;" sortBy="valorGSurf">
					<f:facet name="header">Valor GSurf</f:facet>
					<h:outputText value="#{cliente.valorGSurf}"
						styleClass="#{cliente.status}">
						<f:convertNumber locale="pt_BR" currencyCode="BRL"
							minFractionDigits="2" />
					</h:outputText>
				</p:column>
				<p:column style="font-size: 10px; width:38px; align:center"
					sortBy="liquido">
					<f:facet name="header">Rentabilidade</f:facet>
					<h:outputText id="liquido" value="#{cliente.rentabilidade}"
						styleClass="#{cliente.status}">
						<f:convertNumber locale="pt_BR" currencyCode="BRL"
							minFractionDigits="2" />
					</h:outputText>
				</p:column>
				<p:column style="font-size: 8px; width:15px;">
					<p:commandButton id="selectButton" update=":form:clienteDlg"
						oncomplete="PF('clienteDialog').show()" image="ui-icon-search">
						<f:setPropertyActionListener target="#{GridClienteBean.cliente}"
							value="#{cliente}" />
					</p:commandButton>
				</p:column>
			</p:dataTable>
			<p:dialog
				header="Cliente SKYTEF_ID. #{GridClienteBean.cliente.idCliente}"
				widgetVar="clienteDialog" resizable="false" id="clienteDlg"
				showEffect="fade" hideEffect="explode" modal="true"
				styleClass="#{DashboardBean.usuario.tipo}">

				<h:panelGrid id="display" columns="6" cellpadding="4"
					style="margin:0 auto;">
					<h:outputText value="Razão Social: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.razaoSocial}"
						styleClass="dlgTexto" />

					<h:outputText value="CNPJ: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.cnpjMask}"
						styleClass="dlgTexto" />

					<h:outputText value="Nome Fantasia: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.nomeFantasia}"
						styleClass="dlgTexto" />

					<h:outputText value="Cidade: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.cidade}"
						styleClass="dlgTexto" />

					<h:outputText value="UF: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.uf}"
						styleClass="dlgTexto" />

					<h:outputText value="Email: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.emailCliente}"
						styleClass="dlgTexto" />

					<h:outputText value="Parceiro: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.nomeParceiro}"
						styleClass="dlgTexto" />

					<h:outputText value="Comercial: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.comercialNome}"
						styleClass="dlgTexto" />

					<h:outputText value="Suporte: " styleClass="dlgTitulo" />
					<h:outputText styleClass="dlgTexto" />

					<h:outputText value="Software House: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.softwareHouse}"
						styleClass="dlgTexto" />

					<h:outputText value="Número de lojas: " styleClass="dlgTitulo" />
					<h:outputText value="#{GridClienteBean.cliente.qtdLojas}"
						styleClass="dlgTexto" />
				</h:panelGrid>
				<p:panel header="Financeiro" styleClass="dlgTitulo">
					<h:panelGrid columns="10" cellpadding="4"
						style="margin:0 auto; font-size: 14px;">
						<h:outputText value="Valor Faturado(R$): "
							styleClass="dlgTitulo  dlgValor" />
						<h:outputText value="#{GridClienteBean.cliente.valorFaturado}"
							styleClass="dlgTexto dlgValor">
							<f:convertNumber locale="pt_BR" currencyCode="BRL"
								minFractionDigits="2" />
						</h:outputText>
						<h:outputText value="Software Express (R$): "
							styleClass="dlgTitulo  dlgValor" />
						<h:outputText value="#{GridClienteBean.cliente.valorSE}"
							styleClass="dlgTexto dlgValor">
							<f:convertNumber locale="pt_BR" currencyCode="BRL"
								minFractionDigits="2" />
						</h:outputText>
						<h:outputText value="VPN Ativa: " styleClass="dlgTitulo" />
						<h:outputText styleClass="dlgTexto" />
						<h:outputText value="Lyra (R$): " styleClass="dlgTitulo  dlgValor" />
						<h:outputText value="#{GridClienteBean.cliente.valorLyra}"
							styleClass="dlgTexto dlgValor">
							<f:convertNumber locale="pt_BR" currencyCode="BRL"
								minFractionDigits="2" />
						</h:outputText>
						<h:outputText value="GSurf (R$): "
							styleClass="dlgTitulo  dlgValor" />
						<h:outputText value="#{GridClienteBean.cliente.valorGSurf}"
							styleClass="dlgTexto dlgValor">
							<f:convertNumber locale="pt_BR" currencyCode="BRL"
								minFractionDigits="2" />
						</h:outputText>
						<h:outputText value="Rentabilidade:" />
						<h:outputText id="liquido"
							value="#{GridClienteBean.cliente.rentabilidade}"
							styleClass="dlgTexto dlgValor">
							<f:convertNumber locale="pt_BR" currencyCode="BRL"
								minFractionDigits="2" />
						</h:outputText>
						<h:outputText value="Valor Custo:" />
						<h:outputText value="#{GridClienteBean.cliente.valorCusto}"
							styleClass="dlgTexto dlgValor">
							<f:convertNumber locale="pt_BR" currencyCode="BRL"
								minFractionDigits="2" />
						</h:outputText>
						<h:outputText value="Comissão:" />
						<h:outputText value="#{GridClienteBean.cliente.valorComissao}"
							styleClass="dlgTexto dlgValor">
							<f:convertNumber locale="pt_BR" currencyCode="BRL"
								minFractionDigits="2" />
						</h:outputText>
					</h:panelGrid>
				</p:panel>

				<p:panel header="Divergência de Valores"
					styleClass="#{GridClienteBean.exibeDivgValor}">
					<h:panelGrid columns="6" cellpadding="4" style="margin:0 auto;">
						<h:outputText value="Valor divergênte (R$): "
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />
						<h:outputText value="#{GridClienteBean.cliente.divergenciaValor}"
							styleClass="dlgTexto #{GridClienteBean.cliente.status}">
							<f:convertNumber locale="pt_BR" currencyCode="BRL"
								minFractionDigits="2" />
						</h:outputText>
						<h:outputText value="Na planilha: "
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />
						<h:outputText
							value="#{GridClienteBean.cliente.planilhaDivergente}"
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />

						<h:outputText value="Importado para o STManager em "
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />
						<h:outputText value=" #{GridClienteBean.cliente.dataDivergencia}"
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}">
							<f:convertDateTime timeStyle="DD/MM/AAAA" />
						</h:outputText>
					</h:panelGrid>
				</p:panel>

				<p:panel header="Divergência número de lojas"
					styleClass="#{GridClienteBean.exibeDivgLojas}">
					<h:panelGrid columns="10" cellpadding="4" style="margin:0 auto;">
						<h:outputText value="Número de lojas:"
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />
						<h:outputText value="#{GridClienteBean.cliente.divergenciaValor}"
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />
						<h:outputText value="#{cliente.divValor}"
							styleClass="dlgTexto #{GridClienteBean.cliente.status}">
							<f:convertNumber minFractionDigits="0" maxFractionDigits="0" />
						</h:outputText>
						<h:outputText value="Na planilha: "
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />
						<h:outputText
							value="#{GridClienteBean.cliente.planilhaDivergente}"
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />
						<h:outputText
							styleClass="dlgTexto #{GridClienteBean.cliente.status}" />
						<h:outputText value="Data de inclusão:"
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />
						<h:outputText value="#{GridClienteBean.cliente.data_inclusao}"
							styleClass="dlgTexto #{GridClienteBean.cliente.status}">
							<f:convertDateTime timeStyle="DD/MM/AAAA" />
						</h:outputText>
						<h:outputText value="Data de divergencia:"
							styleClass="dlgTitulo #{GridClienteBean.cliente.status}" />
						<h:outputText value="#{GridClienteBean.cliente.dataDivergencia}"
							styleClass="dlgTexto #{GridClienteBean.cliente.status}">
							<f:convertDateTime timeStyle="DD/MM/AAAA" />
						</h:outputText>
					</h:panelGrid>
				</p:panel>

				<h:commandButton value="Imprimir" type="button">
					<p:printer target="clienteDlg" />
				</h:commandButton>
				<h:commandButton value="Editar Cliente" type="button"
					styleClass="btClienteEditar" ajax="false"
					action="#{GridClienteBean.EditarCliente}" />
			</p:dialog>
			<p:dialog header="Erros #{GridClienteBean.controle.nomePlanilha}"
				widgetVar="erroDialog" resizable="false" id="erroDlg"
				showEffect="fade" hideEffect="explode" modal="true"
				styleClass="#{DashboardBean.usuario.tipo}">
				<p:dataGrid value="#{GridClienteBean.erro}" var="error" columns="2"
					cellpadding="4" emptyMessage="Não há erros">
					<p:column>
						<f:facet name="header">Linha errada</f:facet>
						<h:outputText value="#{error.erro}" />
					</p:column>
				</p:dataGrid>
			</p:dialog>
		</h:form>
		<p:panel styleClass="rodapeMaior"
			style="background: transparent; border: 0px; botton:10px">
			<ui:include src="#{DashboardBean.currentRodape}" />
		</p:panel>
	</div>
	<p:panel id="cm" style="background: transparent; border: 0px;">
		<ui:include src="#{DashboardBean.currentMenu}" />
	</p:panel>

</h:body>
</html>
